<template>
  <div class="noticemanage">
    <LazyLoadTab v-model="activeName" :tabMenus="menus" :tab-click="tabClick"></LazyLoadTab>
  </div>
</template>

<script>
export default {
  name: 'noticemanage',
  data() {
    return {
      activeName: '成本明细',
      menus: [
        {
          title: '成本明细',
          path: 'part/report/statisticalCost/costDetails/index'
        },
        {
          title: '按对应单统计',
          path: 'part/report/statisticalCost/orderStatistics/index'
        },
        {
          title: '按配件代码统计',
          path: 'part/report/statisticalCost/partNo/index'
        },
        {
          title: '按车牌号统计',
          path: 'part/report/statisticalCost/licenseNo/index'
        }
      ]
    };
  },

  methods: {
    tabClick(data) {
      console.log(data, 'activeName');
    }
  }
};
</script>

<style lang="less" scoped></style>
